<!DOCTYPE html>
<html>
<head>
    <title>佳怡供应链理财</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="demos/css/demos.css">
    <link rel="stylesheet" href="font/fontscss/iconfont.css">
    <link rel="stylesheet" href="css/common.css">

<style type="text/css">
    body, html {
        height: 100%;
        -webkit-tap-highlight-color: transparent;
        background: #efefef;
        font-family: "微软雅黑";
        position: relative;
    }
    .detailtop .weui-col-25{
        color: #bababa;
        line-height: 30px;
        font-size: 14px;
    }
    .detailtop .weui-col-20{
        color: #bababa;
        line-height: 30px;
        font-size: 14px;
    }
    .detailtop .weui-col-30{
        color: #bababa;
        line-height: 30px;
        font-size: 14px;
    }
    .detailtop .weui-col-25 h2{
        font-weight: normal;
        color: #fb5858;
        padding-top: 5px;
        font-size: 16px;
    }
    .detailtop .weui-col-30 h2{
        font-weight: normal;
        color: #fb5858;
        padding-top: 5px;
        font-size: 16px;
    }
    .detailtop .weui-col-20 h2{
        font-weight: normal;
        color: #fb5858;
        padding-top: 5px;
        font-size: 16px;
    }
    .content-padded{
        padding-top: 50px;
    }
    .weui_cells_title{
        height: 28px;
        overflow: hidden;
        color: #4b4b4b;
        font-size: 1.05em;
        margin-top: .77em;
        margin-bottom: .3em;
        padding-left: 15px;
        padding-right: 15px;
    }
    .detailtop .weui-row{
        padding: 10px 15px;
    }
    .weui_cells{
        margin-top: 0;
        background-color: #fff;
        line-height: 1.41176471;
        font-size: 16px;
        overflow: hidden;
        position: relative;
        background-color: #fff;
        line-height: 1.41176471;
        font-size: 16px;
        overflow: hidden;
        position: relative;
    }
    .weui-infinite-scroll{
        height: 24px;
        line-height: 24px;
        padding: 10px;
        text-align: center;
    }
</style>
</head>

<body>
<header>
    <div class="weui-row weui-no-gutter">
        <div class="weui-col-33"></div>
        <div class="weui-col-33">佳怡供应链金融</div>
        <div class="weui-col-33" id="ligin_icon">
            <a href="login.html" class="icon pull-right"><i class="iconfont icon-wode"></i></a>
        </div>
    </div>
</header>

<div class="weui-tab">
    <div class="weui-navbar">
        <div class="weui-navbar__item weui-bar__item--on">
            选项一
        </div>
        <div class="weui-navbar__item">
            选项二
        </div>
        <div class="weui-navbar__item">
            选项三
        </div>
    </div>
    <div class="weui-tab__bd">

        <input type="text" id="a">

    </div>
    <div class="content-padded">
        <div class="bd detailtop" id="prolist">
            <a href="p2pdetail.html?bono=20170505000003">
                <div class="weui_cells_title">定投&nbsp;|&nbsp;投生活DA16100期</div>
                <div class="weui_cells">
                    <div class="weui-row">
                        <input id="switchCP" class="weui-switch-cp__input" type="checkbox" checked="checked">
                        <div class="weui-col-25">发售金额<h2>400,000</h2></div>
                        <div class="weui-col-20">期限
                            <h2>3
                                <small>
                                    <small>个月</small>
                                </small>
                            </h2>
                        </div>
                        <div class="weui-col-30">预期年化收益率
                            <h2>8.4
                                <small>%</small>
                            </h2>
                        </div>
                        <div class="weui-col-25">
                            <canvas id="productlist20170505000003" width="65" height="65"></canvas>
                        </div>
                    </div>
                </div>
            </a><a href="p2pdetail.html?bono=20170505000003">
            <div class="weui_cells_title">定投&nbsp;|&nbsp;投生活DA16100期</div>
            <div class="weui_cells">
                <div class="weui-row">
                    <div class="weui-col-25">发售金额<h2>400,000</h2></div>
                    <div class="weui-col-20">期限
                        <h2>3
                            <small>
                                <small>个月</small>
                            </small>
                        </h2>
                    </div>
                    <div class="weui-col-30">预期年化收益率
                        <h2>8.4
                            <small>%</small>
                        </h2>
                    </div>
                    <div class="weui-col-25">
                        <canvas id="productlist20170505000003" width="65" height="65"></canvas>
                    </div>
                </div>
            </div>
        </a><a href="p2pdetail.html?bono=20170505000003">
            <div class="weui_cells_title">定投&nbsp;|&nbsp;投生活DA16100期</div>
            <div class="weui_cells">
                <div class="weui-row">
                    <div class="weui-col-25">发售金额<h2>400,000</h2></div>
                    <div class="weui-col-20">期限
                        <h2>3
                            <small>
                                <small>个月</small>
                            </small>
                        </h2>
                    </div>
                    <div class="weui-col-30">预期年化收益率
                        <h2>8.4
                            <small>%</small>
                        </h2>
                    </div>
                    <div class="weui-col-25">
                        <canvas id="productlist20170505000003" width="65" height="65"></canvas>
                    </div>
                </div>
            </div>
        </a>
            <a href="p2pdetail.html?bono=20170505000003">
                <div class="weui_cells_title">定投&nbsp;|&nbsp;投生活DA16100期</div>
                <div class="weui_cells">
                    <div class="weui-row">
                        <div class="weui-col-25">发售金额<h2>400,000</h2></div>
                        <div class="weui-col-20">期限
                            <h2>3
                                <small>
                                    <small>个月</small>
                                </small>
                            </h2>
                        </div>
                        <div class="weui-col-30">预期年化收益率
                            <h2>8.4
                                <small>%</small>
                            </h2>
                        </div>
                        <div class="weui-col-25">
                            <canvas id="productlist20170505000003" width="65" height="65"></canvas>
                        </div>
                    </div>
                </div>
            </a></div>
        <div class="weui-infinite-scroll">
            <div class="infinite-preloader"></div>
            正在加载...
        </div>
    </div>

    <div class="weui-tabbar">
        <a href="#tab1" class="weui-tabbar__item weui-bar__item--on">
            <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
            <div class="weui-tabbar__icon">
                <img src="demos/images/icon_nav_button.png" alt="">
            </div>
            <p class="weui-tabbar__label">投资</p>
        </a>
        <a href="touzi.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="demos/images/icon_nav_msg.png" alt="">
            </div>
            <p class="weui-tabbar__label">融资</p>
        </a>
        <a href="#tab3" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="demos/images/icon_nav_article.png" alt="">
            </div>
            <p class="weui-tabbar__label">我的</p>
        </a>
        <a href="#tab4" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="demos/images/icon_nav_cell.png" alt="">
            </div>
            <p class="weui-tabbar__label">我</p>
        </a>
    </div>
</div>
</body>
<script src="lib/jquery-2.1.4.js"></script>
<script src="lib/fastclick.js"></script>
<script>
    $(function () {
        FastClick.attach(document.body);
    });
</script>
<script src="js/jquery-weui.js"></script>
<script>
    $(document.body).infinite();
    var loading = false;  //状态标记
    $(document.body).infinite().on("infinite", function() {
        if(loading) return;
        loading = true;
        setTimeout(function() {
            $("#list").append("<p> 我是新加载的内容 </p>");
            loading = false;
        }, 1500);   //模拟延迟
    });
    /*    $("#a").select({
     title: "选择职业",
     items: ["法官", "医生", "猎人", "学生", "记者", "其他"]
     });*/
</script>
</html>